<!-- 头部 -->
{include file="common/header" /}

</head>
<body>

	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back-white"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div class="aui-car-white-Typeface">我的订单</div>
			</div>
		</div>
		<a href="#" class="aui-header-item-icon"   style="min-width:0">
			<i class="aui-icon aui-icon-search"></i>
		</a>
	</header>

	<section class="aui-myOrder-content">
		<div class="m-tab demo-small-pitch" data-ydui-tab>
			<div class="aui-myOrder-fix">
				<ul class="tab-nav">
					<li class="tab-nav-item tab-active"><a href="javascript:;">全部</a></li>
					<li class="tab-nav-item"><a href="javascript:;">待付款</a></li>
					<li class="tab-nav-item"><a href="javascript:;">待发货</a></li>
					<li class="tab-nav-item"><a href="javascript:;">待收货</a></li>
					<li class="tab-nav-item"><a href="javascript:;">评价</a></li>
				</ul>
			</div>
			<div class="aui-prompt"><i class="aui-icon aui-prompt-sm"></i>双十一期间发货及物流时效公告</div>
			<div class="tab-panel">
				<div class="tab-panel-item tab-active">
					<ul>
						<li>
							<div class="aui-list-title-info">
								<a href="#" class="aui-well ">
									<div class="aui-well-bd">2017-11-14</div>
									<div class="aui-well-ft">待付款</div>
								</a>
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="__STATIC__/wap/img/pd/sf-1.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">2016夏天新款男士短袖t恤青少年韩版修身印花圆领半袖男装衣服潮领半袖男装衣服潮领半袖男装衣服潮</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										399.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥495.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												x1
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#">取消订货</a>
								<a href="#" class="red-color">立即付款</a>
							</div>
							<div class="aui-dri"></div>
						</li>
						<li>
							<div class="aui-list-title-info">
								<a href="#" class="aui-well ">
									<div class="aui-well-bd">2017-11-14</div>
									<div class="aui-well-ft">已发货</div>
								</a>
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="__STATIC__/wap/img/pd/sf-2.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">2016夏天新款男士短袖t恤青少年韩版修身印花圆领半袖男装衣服潮领半袖男装衣服潮领半袖男装衣服潮</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										399.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥495.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												x1
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#">查看物流</a>
								<a href="#" class="red-color">确认收货</a>
							</div>
							<div class="aui-dri"></div>
						</li>
						<li>
							<div class="aui-list-title-info">
								<a href="#" class="aui-well ">
									<div class="aui-well-bd">2017-11-14</div>
									<div class="aui-well-ft">已发货</div>
								</a>
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="__STATIC__/wap/img/pd/sf-4.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">2016夏天新款男士短袖t恤青少年韩版修身印花圆领半袖男装衣服潮领半袖男装衣服潮领半袖男装衣服潮</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										399.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥495.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												x1
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#">催物流</a>
								<a href="#">查看物流</a>
								<a href="#" class="red-color">确认收货</a>
							</div>
							<div class="aui-dri"></div>
						</li>
						<li>
							<div class="aui-list-title-info">
								<a href="#" class="aui-well ">
									<div class="aui-well-bd">2017-11-14</div>
									<div class="aui-well-ft">交易成功</div>
								</a>
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="__STATIC__/wap/img/pd/sf-5.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">2016夏天新款男士短袖t恤青少年韩版修身印花圆领半袖男装衣服潮领半袖男装衣服潮领半袖男装衣服潮</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										399.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥495.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												x1
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#">删除订单</a>
							</div>
							<div class="aui-dri"></div>
						</li>
						<li>
							<div class="aui-list-title-info">
								<a href="#" class="aui-well ">
									<div class="aui-well-bd">2017-11-14</div>
									<div class="aui-well-ft">交易成功</div>
								</a>
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="__STATIC__/wap/img/pd/sf-6.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">2016夏天新款男士短袖t恤青少年韩版修身印花圆领半袖男装衣服潮领半袖男装衣服潮领半袖男装衣服潮</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										399.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥495.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												x1
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#">删除订单</a>
								<a href="#">查看物流</a>
								<a href="#">追加评价</a>
							</div>
							<div class="aui-dri"></div>
						</li>
					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
						<li>
							<div class="aui-list-title-info">
								<a href="#" class="aui-well ">
									<div class="aui-well-bd">2017-11-14</div>
									<div class="aui-well-ft">待付款</div>
								</a>
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="__STATIC__/wap/img/pd/sf-12.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">2016夏天新款男士短袖t恤青少年韩版修身印花圆领半袖男装衣服潮领半袖男装衣服潮领半袖男装衣服潮</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										399.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥495.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												x1
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#">取消订货</a>
								<a href="#" class="red-color">立即付款</a>
							</div>
							<div class="aui-dri"></div>
						</li>
					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
						<li>
							<div class="aui-list-title-info">
								<a href="#" class="aui-well ">
									<div class="aui-well-bd">2017-11-14</div>
									<div class="aui-well-ft">待付款</div>
								</a>
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="__STATIC__/wap/img/pd/sf-11.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">2016夏天新款男士短袖t恤青少年韩版修身印花圆领半袖男装衣服潮领半袖男装衣服潮领半袖男装衣服潮</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										399.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥495.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												x1
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#">取消订货</a>
								<a href="#" class="red-color">立即付款</a>
							</div>
							<div class="aui-dri"></div>
						</li>
					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
						<li>
							<div class="aui-list-title-info">
								<a href="#" class="aui-well ">
									<div class="aui-well-bd">2017-11-14</div>
									<div class="aui-well-ft">待付款</div>
								</a>
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="__STATIC__/wap/img/pd/sf-10.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">2016夏天新款男士短袖t恤青少年韩版修身印花圆领半袖男装衣服潮领半袖男装衣服潮领半袖男装衣服潮</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										399.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥495.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												x1
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#">查看物流</a>
								<a href="#" class="red-color">确认收货</a>
							</div>
							<div class="aui-dri"></div>
						</li>
					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
						<li>
							<div class="aui-list-title-info">
								<a href="#" class="aui-well ">
									<div class="aui-well-bd">2017-11-14</div>
									<div class="aui-well-ft">待付款</div>
								</a>
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="__STATIC__/wap/img/pd/sf-9.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">2016夏天新款男士短袖t恤青少年韩版修身印花圆领半袖男装衣服潮领半袖男装衣服潮领半袖男装衣服潮</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										399.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥495.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												x1
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#">查看订单</a>
								<a href="#" class="red-color">评价送币</a>
							</div>
							<div class="aui-dri"></div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</section>


	<script type="text/javascript" src="__STATIC__/wap/js/jquery.min.js"></script>
	<script type="text/javascript" src="__STATIC__/wap/js/aui.js"></script>
	<script type="text/javascript" >
        /**
         * Javascript API调用Tab
         */
        !function ($) {
            var $tab = $('#J_Tab');

            $tab.tab({
                nav: '.tab-nav-item',
                panel: '.tab-panel-item',
                activeClass: 'tab-active'
            });

			/*
			 $tab.find('.tab-nav-item').on('open.ydui.tab', function (e) {
			 console.log('索引：%s - [%s]正在打开', e.index, $(this).text());
			 });
			 */

            $tab.find('.tab-nav-item').on('opened.ydui.tab', function (e) {
                console.log('索引：%s - [%s]已经打开了', e.index, $(this).text());
            });
        }(jQuery);
	</script>

</body>
</html>